<script setup lang="ts">
defineProps({
  color: {
    type: String,
    default: 'grey'
  },
  width: {
    type: Number,
    default: 20
  },
  height: {
    type: Number,
    default: 20
  }
})
</script>
<template>
  <svg
    :width="width"
    :height="height"
    viewBox="0 0 48 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M41 4.00012H7C5.34315 4.00012 4 5.34327 4 7.00012V41.0001C4 42.657 5.34315 44.0001 7 44.0001H41C42.6569 44.0001 44 42.657 44 41.0001V7.00012C44 5.34327 42.6569 4.00012 41 4.00012Z"
      :stroke="color"
      stroke-width="4"
      stroke-linejoin="round"
    />
    <path
      d="M34 4.00012V22.0001H15V4.00012H34Z"
      :stroke="color"
      stroke-width="4"
      stroke-linejoin="round"
    />
    <path d="M27 11.0001V15.0001" :stroke="color" stroke-width="4" stroke-linecap="round" />
    <path d="M11.9971 4.00012H36.9986" :stroke="color" stroke-width="4" stroke-linecap="round" />
  </svg>
</template>
